<style>
  #arena-wiki-box {
    width: 320px;
    height: auto;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: transparent;
    border-radius: 4px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
  }
  #arena-wiki-box img {
    width: 100%;
    height: auto;
    display: block;
  }
  #arena-wiki-box .text-content {
    padding: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
  }
  #arena-wiki-box .loading {
    padding: 40px;
    text-align: center;
    color: #999;
  }
</style>
<div id="arena-wiki-box">
  <div class="loading">ᕕ( ᐛ )ᕗ</div>
</div>
<script>
{
const token = "K4YGMslfMBJc-Dr0E24wX0r6XtwP883-MheiFmoLN7A";
const slug = "wikipedia-archive-93sccfqoi44";
async function load() {
try {
const res = await fetch("https://api.are.na/v3/channels/" + slug + "/contents?per=1&sort=position_desc", {headers: {"Authorization": "Bearer " + token}});
const data = await res.json();
const blocks = data.data || [];
if (blocks.length === 0) {
document.getElementById("arena-wiki-box").innerHTML = '<div class="loading">No blocks found.</div>';
return;
}
const block = blocks[0];
const box = document.getElementById("arena-wiki-box");
let html = '';
if (block.type === "Image" && block.image && block.image.original) {
html = '<img src="' + block.image.original.src + '" alt="">';
} else if (block.type === "Text") {
const c = block.content;
html = '<div class="text-content">' + (c && (c.html || c.markdown) || '') + '</div>';
} else if ((block.type === "Link" || block.type === "Embed") && block.image && block.image.large) {
html = '<img src="' + block.image.large.src + '" alt="Preview">';
} else {
html = '<div class="text-content">' + (block.title || 'Block') + '</div>';
}
box.innerHTML = html;
} catch (err) {
document.getElementById("arena-wiki-box").innerHTML = '<div class="loading">Error loading.</div>';
}
}
load();
}
</script>